<template>
    <div id="tab-control-line">
      <TabTitle/>
        <TabContent/>
    </div>
</template>
<!--选项卡的每一行-->
<script>
    import TabTitle from "../tabTitile/TabTitle";
    import TabContent from "../tabContent/TabContent";
    export default {
        name: "TabControlLine",
        components: {
            TabTitle,
            TabContent
        }
    }
</script>

<style scoped>
    #tab-control-line{
        display: flex;
    }
    .tab-title{
        width: 100px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #F4F4F4;
        font-size: 14px;
        color: #666;
    }
    .tab-contents{
        display: flex;
        margin-left: 20px;
        width: 954px;
    }

    .tab-contents .tab-content{
        width: 100px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        margin-top: 10px;
        color: #666;
        font-size: 14px;
    }
    .tab-contents .text-all{
        background-color: #00C8A9;
        color: white;
    }
</style>
